<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../../assets/iconfont/iconfont.css">
    <link rel="stylesheet" href="../../assets/common/common.css">
    <link rel="stylesheet" href="./cardetail.css">
    <title>Document</title>
</head>

<body>
    <div class="header flex aic jc-sb">
        <div class="left pl-20 aic flex ">
            <a href="./carhome.html" class="iconfont icon-zuojiantou"></a>
        </div>
        <div class="center aic f16">
            <span>车辆详情</span>
        </div>
        <div class="right pr-20 aic flex">
            <span></span>
        </div>
    </div>
    <div class="week flex aic pl-20">
        <div class="text-box f14 aic jc-c flex">
            <span>1月4日</span>
            <span>周四</span>
            <div class="xiajiantou">
                <i class="iconfont icon-xiajiantou pl-10"></i>
            </div>
        </div>
    </div>
    <div class="usercar flex  pl-20 aic">
        <img src="../../assets/img/u5761 (3).jpg" alt="">
        <div class="total pl-20 ">
            <div class="top flex">
                <p>
                    <span>客户专用车</span>
                </p>
            </div>
            <div class="center flex pt-10 f10 jc-sb f12">
                <p>
                    <i class="iconfont icon-duoren f14"></i>
                    <span>5座</span>
                </p>
                <p class="pl-10">
                    <i class="iconfont icon-qiche f14"></i>
                    <span>别克GL8</span>
                </p>
            </div>
            <div>
                <p class="bottom f12 pt-10">
                    <span>粤C·ZH990</span>
                </p>
            </div>
        </div>
    </div>
    <a href="./carapply.html">
        <div class="list mt-10 bg-fff">
            <div class="item pl-20 pt-10 flex ">
                <div>
                    <p class="num ">
                        <span>08:00</span>
                    </p>
                    <p>
                        <span>09:00</span>
                    </p>
                </div>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <p class="tianchong mt-10 ">
                    <input type="text">
                </p>
            </div>
            <div class="item pl-20 pt-10 flex mt-13">
                <div>
                    <p class="num ">
                        <span>10:00</span>
                    </p>
                    <p>
                        <span>11:00</span>
                    </p>
                </div>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <p class="tianchong mt-10 ">
                    <input class="input1 pl-20" type="text" placeholder="销售部用车中">
                </p>
            </div>
            <div class="item pl-20 pt-10 flex mt-13">
                <div>
                    <p class="num ">
                        <span>12:00</span>
                    </p>
                    <p>
                        <span>13:00</span>
                    </p>
                </div>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <p class="tianchong mt-10 ">
                    <input type="text">
                </p>
            </div>

            <div class="shuru flex jc-fe">
                <input class="input3 pl-15" type="text" placeholder="研发部用车中">
            </div>
            <div class="item pl-20  flex">
                <div>
                    <p class="num flex ">
                        <span>14:00</span>
                    </p>

                    <p>
                        <span>15:00</span>
                    </p>
                </div>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <p class="tianchong mt-10 ">
                    <input type="text">
                </p>
            </div>
            <div class="item pl-20 pt-10 flex mt-13">
                <div>
                    <p class="num ">
                        <span>16:00</span>
                    </p>
                    <p>
                        <span>17:00</span>
                    </p>
                </div>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <p class="tianchong mt-10 ">
                    <input type="text">
                </p>
            </div>
            <div class="item pl-20 pt-10 flex mt-13">
                <div>
                    <p class="num ">
                        <span>18:00</span>
                    </p>
                    <p>
                        <span>19:00</span>
                    </p>
                </div>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <p class="tianchong mt-10 ">
                    <input type="text">
                </p>
            </div>
            <div class="item pl-20 pt-10 flex mt-13">
                <div>
                    <p class="num ">
                        <span>20:00</span>
                    </p>
                    <p>
                        <span>21:00</span>
                    </p>

                </div>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <p class="tianchong mt-10 ">
                    <input class="input2 pl-15" type="text" placeholder="设计部用车中">
                </p>
            </div>
            <div class="item pl-20 pt-10  mt-13">
                <div class="flex">
                    <p class="num ">
                        <span>22:00</span>

                    </p>
                    <p class="xian ml-10 mt-5">
                        <span>

                        </span>
                    </p>

                </div>
            </div>
        </div>
    </a>
    <div class="pop rel fixed">
        <div class="caidan abs">
            <div class="dingbu flex jc-sb pl-15 pr-15 ">
                <span class="sel">取消</span>
                <span class="base sel">确定</span>
            </div>
            <div class="riqi mt-10">
                <p class="flex jc-sa mt-10">
                    <span>2020年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="flex jc-sa mt-10">
                    <span>2019年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="flex jc-sa mt-10">
                    <span>2018年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="flex jc-sa mt-10">
                    <span>2017年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="flex jc-sa mt-10">
                    <span>2016年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="flex jc-sa mt-10">
                    <span>2015年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="flex jc-sa mt-10">
                    <span>2014年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
            </div>
        </div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
       $('.pop').hide()
       $('.week').on('click',function(){
           $('.pop').show()
       })
       $('.pop').on('click','.sel',function(){
           $(this).closest('.pop').hide()
    
       })
    </script>
</body>

</html>


<!-- outline -->